<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>在线充值</title>
    <link rel="stylesheet" href="../../zui/css/zui.min.css">
    <link rel="stylesheet" href="../../zui/css/zui-theme.css">
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../css/main.css">
    <style>
        .radio-inline input{
            position: relative;
            top: 7px;
        }
    </style>
</head>
<body style="padding: 10px;">
<div style="max-width: 800px;margin: 0 auto;">
    <div class="section-title" style="margin-bottom: 10px;">
        <span>在线充值</span>
    </div>
    <div class="alert alert-primary">
        <span class="red">温馨提示：</span> 微信支付宝充值即时到账
    </div>
    <div class="panel">
        <div class="panel-body">
            <div><span style="margin-right: 2em;">钱包余额</span><span class="money">0.00</span></div>
            <div style="margin-top: 15px;">输入充值金额：</div>
            <input type="text" class="form-control" placeholder="请输入100-1000,000的整数">
            <div style="margin: 15px 0;">
                <div class="radio-inline">
                    <label>
                        <input type="radio" name="cz"> <img src="../../img/ico_channel1.png" alt="">
                    </label>
                </div>
                <div class="radio-inline">
                    <label>
                        <input type="radio" name="cz"> <img src="../../img/ico_channel2.png" alt="">
                    </label>
                </div>
            </div>
            <button class="btn btn-primary">立即充值</button>
        </div>
    </div>
</div>

</body>
</html>
